import {size} from '@/app/utils';
import {StyleSheet} from 'react-native';
const styles = StyleSheet.create({
     head: {
        width: size(375),
        height: size(225.5),
    },
    logo: {
        width: size(85.5),
        height: size(85.5),
        justifyContent: 'center',
        alignItems: 'center',
        borderRadius: 45,
        marginTop: -size(30),
        backgroundColor: '#fff',
        zIndex: 1,
        overflow: 'hidden',
        borderStyle: 'solid',
        borderColor: '#175DEF',
        borderWidth: 1,
    },
    logoIcon: {
        width: size(85.5),
        height: size(85.5),
    },
    form: {
        width: '100%',
        paddingRight: size(30),
        paddingLeft: size(30),
    },
    tabbox:{
        flexDirection: 'row',
        alignItems: 'center',
        marginBottom: size(10),
    },
    tabItem:{
        height: size(20),
        paddingLeft: size(6),
        paddingRight: size(6),
        marginRight: size(12),
        backgroundColor:'rgba(255,255,255,0)',
    },
    tabItemActive:{
        backgroundColor:'#F4FCF7',
    },
    tabtext:{
        fontSize: size(14),
        lineHeight: size(20),
        fontWeight: '500',
        color: '#AAAAAA',
    },
    tabtextActive:{
        color: "#38B781",
    },
    formItem: {
        borderWidth: 1,
        borderColor: '#eee',
        // paddingVertical: size(8),
        // paddingHorizontal: size(4),
        flexDirection: 'row',
        alignItems: 'center',
        borderRadius: size(8),
        paddingLeft: size(15),
        paddingRight: size(15),
        boxSizing:'border-box'
    },
    icon: {
        width: size(15),
        height: size(15),
    },
    input: {
        flex: 1,
        height: size(47),
        padding:0,
        fontSize: size(15),
        fontWeight: '400',
    },
    forget: {
        flexDirection: 'row',
        justifyContent: 'flex-end',
        marginTop: size(10),
    },
    login_box_footer_btn: {
        width: '100%',
        backgroundColor:'#38B781',
        alignItems: 'center',
        borderRadius: 25.5,
    },
    login_box_footer_btn_text: {
        height: size(45),
        lineHeight: size(45),
        textAlign: 'center',
        color: '#fff',
        fontSize: size(17),
    },
    logopage: {
        fontSize: size(30),
        fontWeight: '700',
        marginBottom: size(30),
    },
    loginBox: {
        textAlign: 'center',
        fontSize:size(15),
        color: '#999',
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'center',
        lineHeight: size(20),
    },
    title:{
        fontSize: size(27),
        marginBottom: size(6),
    },
    subtitle:{
        fontSize:size(14),
        color:'#AAAAAA',
        marginBottom: size(22),
        lineHeight: size(20),
    },
    subtitletext:{
        color:'#333',
        fontWeight:"500"
    },
    IconImage:{
        width: size(110),
        height: size(56),
        marginBottom: size(30),
    },
    logobox:{
        flexDirection: 'row',
        alignItems:"center",
        justifyContent:'center',
    },
    inputContainer:{
        marginTop: size(20),
    },
    inputContainertext:{
        color:"#1A1A1A",
        fontSize:size(14),
    },
    rulestextgroup:{
        color:'#5C5C5C',
        fontSize:size(12),
        // marginTop:size(13),
        lineHeight: size(20),
    },
    rulestext:{
        color:'#13C57E',
    },
    rulestextbox:{
        flexDirection: 'row',
        alignItems: 'center',
        marginTop:size(12),
    },
    checkbox: {
      width:size(18),   // 宽度
      height:size(18),  // 高度
      marginRight:size(4),  // 可选：添加右边距
      borderColor:'#4CAF50',
      borderWidth:size(1),
      borderStyle:'solid',
      padding:size(2),
      flexDirection:'column',
      alignItems:"center",
      justifyContent:'center',
      borderRadius:size(4)
   },
    login_box_footer_text:{
        textAlign: 'center',
        color:"#AAAAAA",
        marginBottom:size(10),
    },
    logincodetext:{
        color:"#38B781",
        fontSize:size(15),
        fontWeight:'500',
        borderBottomWidth:2,
        borderBottomColor:"#38B781",
        borderStyle:'solid',
        paddingBottom:size(2)
    },
    root: {padding: 20, minHeight: 300},
    title2: {textAlign: 'center', fontSize: 30},
    codeFieldRoot: {
        flexDirection: 'row',
        alignContent: 'center',
        gap: 10,
    },
    cell: {
        width: 40,
        height: 60,
        lineHeight: 58,
        fontSize: 34,
        borderBottomWidth: 2,
        borderColor: '#00000030',
        textAlign: 'center',
        color: '#38B781',
    },
    focusCell: {
        borderColor:"#38B781",
    },
    centeredView:{
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
        backgroundColor: 'rgba(0,0,0,0.2)'
    },
    modalView:{
        backgroundColor: "white",
        width: size(337),
        height: size(371),
        borderRadius: 28,
        alignItems: "center",
        shadowColor: "#000",
        elevation: 5,
        flexDirection: 'column',
    },
    SuccessIconImage:{
        width: size(97),
        height: size(97),
        marginTop: size(35),
        marginBottom: size(10),
    },
    modalTitleText:{
        width: size(200),
    },
    modalTitleTextStyle:{
        fontSize: size(19),
        textAlign: 'center',
        lineHeight: size(24),
        color: "#1A1A1A",
    },
    modalSuccessdesc:{
        width: size(300),
        marginTop: size(18),
    },
    modalSuccessdescText:{
        fontSize: size(14),
        fontWeight: '400',
        color: '#AAAAAA',
        textAlign: 'center',
    },
    formIteGroup:{
        paddingTop:size(20)
    },
    inputContainertextgroup:{
        flexDirection:'row',
        alignItems:'center',
        justifyContent:'space-between',
    }
})

export {
   styles,
}
